import React, { useEffect, useState } from 'react'
import { Select } from 'antd'
import api from '../../api'
import axios from "../.././utils/request"
import { Option } from 'antd/lib/mentions'

export default function culturalAuditorium() {

  const [zxc, setZxc] = useState("")

  useEffect(() => {
    getDatas()
  }, [])

  const getDatas = async () => {
    const data = await api.getAreas()
    setZxc(data.data.data)
  }


  return (
    <div>
      <Select style={{ width: 120, }} />
        {zxc ?
          zxc.map((item) => {
            return (
              <Option value={item.id} key={item.id}>{item.name}</Option>
            )
          }) : ""
        }
       
        
    </div>
  )
}
